<script src="https://cdn.ckbox.io/ckbox/latest/ckbox.js"></script>
<div class="ck ck-content" id="mermaid">
    <h2>CKEditor timeline diagram</h2>
    <pre spellcheck="false"><code class="language-mermaid">
    timeline
    title History of CKEditor
    2003 : FCKeditor
    2009 : CKEditor 3
    2012 : CKEditor 4
    2018 : CKEditor 5
    </code></pre>

    <h2>Collaboration features mindmap</h2>
    <pre spellcheck="false"><code class="language-mermaid">
        mindmap
        root(CKEditor 5&lt;br&gt;Collaboration)
          Change control
            Track changes
            Revision history
          Comments
            Comments archive
          Other tools
            Mentions
            User list
    </code></pre>

</div>
